﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://1stjs.googlecode.com/svn/trunk/fw4/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</meta>
<title>F.tabPanel演示</title>
<style type="text/css">
#tbox01 .tab { list-style-position:inside; list-style-type:none; margin:0px;padding:0px; border-left:1px solid #D5D3D4;}
#tbox01 .tab li { float:left; width:82px; height:30px; line-height:30px; float:left; text-align:center; background:url(data/img/slides/tabPanel/tab1.jpg) no-repeat; cursor:default;}
#tbox01 .tab li.focus{background:url(data/img/slides/tabPanel/tab2.jpg) no-repeat;}
#tbox01 .panel div{display:none; border:1px solid #D5D3D4; border-top:none; width:245px; height:100px;}
</style>
<script type="text/javascript" src="1st.js"></script>
</head>
<body>
<div id="tbox01">
	<ul class="tab">
		<li>本月热门</li>	
		<li>本周热门</li>		
		<li class="focus">本日热门</li>
	</ul>
	<div class="panel">
		<div>
			内容1
		</div>
		<div>
			内容2
		</div>
		<div style="display:block;">
			内容3
		</div>
	</div>
</div>

<script type="text/javascript">F("tbox01").slides({etype:"mouseover",index:2});</script>
</body>
</html>